<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<!-- 
		    1.引入echarts.js
			2.为 ECharts 准备一个定义了宽高的 DOM
			3.基于准备好的dom，初始化echarts实例
			4.指定图表的配置项和数据
	    -->
		<div id="d1" style="width: 100%;height: 500px;"></div>
		<script type="text/javascript">
			const myChart = echarts.init(document.querySelector('#d1'));

			let option = {
				xAxis: {
					type: 'category',
					data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
					show: true,
					position: 'bottom',
					// name: '星期几',
					axisLine: {
						show: true
					},
					axisLabel: {
						show: true
					}
				},
				yAxis: {
					type: 'value',
					splitLine: {
						show: true
					}
				},
				series: [{
					data: [150, 230, 224, 218, 135, 147, 260],
					type: 'line'
				}]
			};

			myChart.setOption(option);
		</script>
	     <script type="text/javascript">
	     	
	     </script>
	</body>
</html>
